<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>table布局下的登录</title>
</head>
<body>

   <table border="1" width="100%">
     
      <tr>
        <td width="40%"></td>
        <td width="40%" height="220px">

        </td>
        <td width="20%"></td>
      </tr>
     <tr>
       <td width="50%"></td>
       <td width="35%" height="420px">
             <table width="100%">
                <tr>
                  <td width="60" align="right">用户名:</td>
                  <td><input type="text"></td>
                </tr>
               <tr>
                 <td align="right">密码:</td>
                 <td><input type="text"></td>
               </tr>
               <tr>
                 <td></td>
                 <td ><button>登录</button></td>
               </tr>
             </table>
       </td>
       <td width="15%"></td>
     </tr>
     <tr>
       <td width="40%"></td>
       <td width="40%" height="120px">

       </td>
       <td width="20%"></td>
     </tr>
     
   </table>


</body>
</html>